@keyframes waveMove{    
    0%{    
      background-position:0% 100%;    
    }    
    100%{    
      background-position:-20px 100%;    
    }    
  } 
  .articelList-page{
    //   margin-top: 50px;
    .articleList {
    margin: 0 auto;
    .list-img{
        width: 43px;
        height: 43px;
        border-radius: 5px;
    }
    .list-item{
        display: flex;
        padding: 25px 0;
        justify-content: space-between;
        .content{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
        }
      .list-left{
        margin-right: 12px;
    }  
    .list-right{
        .list-title{
            width: auto;
            height: auto;
            &:hover{
                background: url('http://heyuanjie.top/article/hover/bolang-min.jpg');
                background-size: 100px auto;
                animation: waveMove .5s infinite linear;
            }
            
        }
        .list-like{
            span{
                i{
                    font-size: 13px;
                }
                margin-right: 12px;
            }
        }
    }
    .time{
        width: 150px;
        text-align: right;
        color: #bbc08e;
        font-size: .8125rem;
    }
    }
    
}
  }
  .list-like{
      color: #a1a0d6;
      font-size: 13px;
  }
  .list-title{
      font-size: 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  @media screen and (min-width: 750px) {
    .articleList{
        width: 750px;
        padding: 24px;
    }
  }
  @media screen and (max-width: 750px) {
      .content{
          width: calc(100% - 100px);
          overflow: hidden;
      }
    .articleList{
        width: 100%;
        padding: 12px;
        box-sizing: border-box;
    }
    .list-right{
        width: calc(100% - 80px);
        text-overflow: ellipsis;
    }
    .list-title{
        width: calc(100% - 100px);
    }
  }


.article-title {
    display: flex;
    align-items: center;
    .titleLogo {
        width: 50px;
        margin-right: 12px;
    }
    .article-time{
        font-size: 20px;
        color: #e41553;
    }
}
.load-more-warrper{
    >div{
         margin: 0 auto;
    }
    .no-more{
        width: 200px;
        text-align: center;
    }
    .load-more{
        cursor: pointer;
        width: 200px;
        color: #e44515;
        text-align: center;
       
    }
}